<template>
  <div class="home">
    <div class="component-personal-info">
      <PersonalInfo />
    </div>
    <div class="component-home-navi">
      <HomeNavi />
    </div>
  </div>
  <!-- #ifdef MP-WEIXIN -->
  <!-- 隐私协议组件 -->
  <agree-privacy v-model="showAgreePrivacy" :disable-check-privacy="false" @agree="handleAgree" />
  <!-- #endif -->
</template>

<script setup lang="ts">
import PersonalInfo from './personalInfo/index.vue';
import HomeNavi from './homeNavi/index.vue';
import { useUserStore } from '@/store';

const title = ref<string>();
title.value = import.meta.env.VITE_APP_TITLE;

const store = useUserStore();
console.log('store.user_name', store.user_name);

const showAgreePrivacy = ref(false);
// 同意隐私协议
function handleAgree() {
  console.log('同意隐私政策');
}
</script>

<style scoped>
.home{
  background: linear-gradient(to bottom, #83C5F8, #FFF);
}

.component-personal-info{
  display: grid; /* 使用 Grid 布局 */
  margin-top: 10px;
  width:100%;
  place-items: center;
}

.component-home-navi{
  display: grid; /* 使用 Grid 布局 */
  margin-top: 10px;
  width:100%;
  place-items: center;
}
</style>
